.doc-link {
  border-left: 1px solid #eeeeee;
  font-size: 12px;
  .doc-link-item {
    padding: 8px 0 8px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
    position: relative;
    a {
      color: #999;
      &:hover {
        color: #2d8cf0;
      }
    }
    &:before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      height: 60%;
      width: 0;
      border-left: 1px solid transparent;
    }
    &.is-active {
      &:before {
        border-left: 1px solid #eeeeee;
      }
      a {
        color: #1a1a1a;
      }
    }
  }
}
